<style>
	* {
		margin: 0;
		padding: 0;
	}

	#parent {
		position: relative;
		padding: 10px;
		margin: 30px;
		background-color: #CCC;
		border: solid 10px #fbc;
	}

	#child {
		height: 200px;
		width: 200px;
		padding: 10px;
		margin: 30px;
		border: solid 10px #fbc;
		background-color: #afb;
	}
</style>
<body>
	<div id="parent">
		<div id="child">
		</div>
	</div>
	<script src="js/jquery-1.7.2.min.js"></script>
	<script>
		var child = $("#child").get(0)
		console.log(child.offsetLeft);
		console.log($("#child").position().left);
	</script>
</body>
